@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}

body {
	font: 12px/1.5 '微软雅黑', Helvetica, Arial, sans-serif;
}

table {
	border-collapse: collapse;
}

img {
	border: 0;
}

li {
	list-style: none;
}

a {
	color: #335884;
	text-decoration: none;
}

a:hover {
	color: #f00;
	text-decoration: underline;
}

#uname {
	height: 20px;
	width: 300px;
	text-align: right;
	
}

#header {
	clear: both;
	position: relative;
	margin: 0 auto;
	margin-top: 15px;
	width: 947px;
	height: 120px;
	border: 1px solid #dfdfdf;
	background: url(../Images/topbg.gif) repeat-x;
}

#top_login {
	padding: 5px 0 0 10px;
	margin-bottom: 5px;
}

.login_input {
	height: 19px;
	line-height: 19px;
	width: 118px;
	border: none;
	background: url(../Images/login_input.gif) no-repeat;
	margin: 0 14px 0 6px;
}

.login_sub {
	width: 51px;
	height: 19px;
	border: none;
	background: url(../Images/login_sub.gif) no-repeat;
}

.login_link {
	text-decoration: underline;
	margin: 0 6px;
}


#friend_logo {
	position: absolute;
	top: 6px;
	right: 6px;
}


#nav {
	clear: both;
}

#container {
	clear: both;
	width: 947px;
	height: 100%;
	overflow: hidden;
	margin: 14px auto 0;
}

.sidebar {
	float: left;
	width: 157px;
}

.sidebar h1 {
	clear: both;
}

.side_list {
	height: 250px;
	background: url(../Images/sidebarbg.gif) no-repeat;
	margin: 2px 0 12px;
}

.main {
	float: right;
	width: 787px;
}

.class_type {
	background: url(../Images/class_bg.gif) no-repeat right 8px;
	height: 40px;
	padding: 0 0 0 14px;
}

.content {
	float: left;
	width: 500px;
	border-right: 1px solid #eff0f4;
	margin: 16px 0 0 10px;
}

.class_date {
	font: 12px/20px Arial;
	border-bottom: 1px solid #d4d6d9;
	margin-right: 10px;
}

#class_month {
	font-weight: 600;
}

#class_month a {
	margin: 0 7px;
	*margin: 0 5px;
}

#class_day {
	line-height: 30px;
}

.classlist {
	clear: both;
	margin-top: 10px;
}

.classlist li {
	position: relative;
	line-height: 22px;
	background: url(../Images/arrow.gif) no-repeat 0 10px;
	padding: 0 130px 0 8px;
}

.classlist li.space {
	background: none;
	height: 22px;
}

.classlist li span {
	position: absolute;
	top: -1px;
	*top: -4px;
	right: 16px;
}

.picnews {
	float: right;
	width: 250px;
	text-align: center;
	margin: 16px 0 0 0;
}

.picnews li {
	margin-bottom: 10px;
}

#friend {
	clear: both;
	width: 947px;
	height: 140px;
	margin: 0 auto;
}

.friend_t {
	height: 24px;
	border: 1px solid #b3b7ba;
	background: url(../Images/friend_t.gif) repeat-x;
	padding: 4px 0 0 10px;
}

.friend_list {
	height: 110px;
	overflow: hidden;
	background: url(../images/firend_bg.gif) repeat-x;
	border: 1px solid #bfd0d5;
	border-top: 0;
}

.friend_list ul {
	margin: 14px 10px 0;
}

.friend_list li {
	float: left;
	margin-right: 10px;
	white-space: nowrap;
}

#footer {
	clear: both;
	width: 947px;
	margin: 14px auto 0;
	text-align: center;
}

#footer p {
	font: 14px/24px Arial;
	color: #999;
}

#footer p.copyright {
	color: #333;
	margin-top: 15px;
}